<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>新白鹿</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="lib/vue-swiper/dist/vue-swipe.css">
</head>
<body>
    <div id="index" v-cloak>
        <header>
            <img class="logo" src="./img/logo.png" alt="logo">
            <h4>干锅居文三路分店</h4>
            <div>
                <span>
                    欢迎光临，孙大圣
                </span>
                <span class="redbg">
                    <i>v6</i>
                    <b>食仙</b>
                </span>
            </div>
        </header>
        <swipe class="my-swipe" :auto="0" :show-indicators="true">
          <swipe-item class="slide1">
              <div class="swipe-container">
                    <img src="./img/cardbg.png" alt="">
                    <p>干锅居文三路分店</p>
                    <div class="title">
                        <h1>贵宾卡</h1>
                    </div>
                    <div class="swipt-ft">
                        <div class="col3">
                            <i>折扣</i>
                            <span class="discount">8.5折</span>
                        </div>
                        <div class="col3">
                            <i>余额</i>
                            <span>￥0</span>
                        </div>
                        <div class="col3">
                            <i>积分</i>
                            <span>0</span>
                        </div>
                    </div>
                </div>
          </swipe-item>
          <swipe-item class="slide2">
              <div class="swipe-container">
                    <img src="./img/cardbg.png" alt="">
                    <p>干锅居文三路分店</p>
                    <div class="title">
                        <h1>贵宾卡2</h1>
                    </div>
                    <div class="swipt-ft">
                        <div class="col3">
                            <i>折扣</i>
                            <span class="discount">8.5折</span>
                        </div>
                        <div class="col3">
                            <i>余额</i>
                            <span>￥0</span>
                        </div>
                        <div class="col3">
                            <i>积分</i>
                            <span>0</span>
                        </div>
                    </div>
                </div>
          </swipe-item>
        </swipe>

        <main class="shop-info">
                <div>
                    <i></i>
                    <span>地址：拱墅区莫干山路777号浙江科技研发有限公司（从旁边小路上去）</span>
                </div>
                <div>
                    <i></i>
                    <a href="tel://0571-85198597">0571-85198597</a>
                    <span class="fr">拨打 <b>></b></span>
                </div>
                <div>
                    <i></i>
                    <span>人均：￥50</span>
                </div>
                <div>
                    <i></i>
                    <span>营业：10:30~21:30</span>
                </div>
        </main>

        <footer>
            
        </footer>


    </div>
</body>
<script>var app = 'index';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html> 